<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://xmlns.jcp.org/jsf/facelets"
      xmlns:h="http://xmlns.jcp.org/jsf/html"
      xmlns:p="http://primefaces.org/ui">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <h:outputStylesheet library="css" name="default.css"/>
        <h:outputStylesheet library="css" name="cssLayout.css"/>
        <title>Conasinf - Sofia</title>
    </h:head>

    <h:body>

        <div id="top">
            <ui:insert name="top">
                <h:graphicImage library="img" name="logo.png" />
            </ui:insert>
        </div>
        <p:panel id="menuPanel" style="z-index:100; border: 0; margin-left: -10px; margin-top: -10px;">
            <div id="menu" >
                <h:form>
                    <p:menubar>  
                        <p:submenu label="Archivo" >  
                            <p:separator />  
                            <p:menuitem value="Salir" url="/j_spring_security_logout" icon="ui-icon-extlink"/>  
                        </p:submenu>

                        <p:submenu label="Recursos Humanos" >  
                            <p:menuitem value="Empleados" url="/faces/s/empleados.xhtml" />  
                        </p:submenu>

                        <p:submenu label="Turnos" >  
                            <p:menuitem value="Definicion" url="/faces/s/turnos/definicionTurnos.xhtml" />  
                            <p:menuitem value="Horarios" url="/faces/s/turnos/horariosTurno/horariosTurno.xhtml" />  
                            <p:menuitem value="Asignacion de Turnos" url="/faces/s/turnos/turnosEmpleado/turnosEmpleado.xhtml" />  
                        </p:submenu>

                        <p:submenu label="Reportes" >  
                            <p:menuitem value="Retardos" url="#" />  
                            <p:menuitem value="Marcaciones" url="/faces/s/marcaciones.xhtml" />  
                        </p:submenu>

                        <p:submenu label="Maestros" >  
                            <p:menuitem value="Tipos de Documento" url="/faces/s/maestros/tiposDocumento.xhtml" />  
                            <p:menuitem value="Cargos" url="/faces/s/maestros/cargos.xhtml" />  
                            <p:menuitem value="Estatus Laboral" url="/faces/s/maestros/estatusLaboral.xhtml" />  
                            <p:menuitem value="Tipos de Contrato" url="/faces/s/maestros/tiposContrato.xhtml" />  
                            <p:menuitem value="Ubicaciones Laborales" url="/faces/s/maestros/ubicacionesLaborales.xhtml" />  
                            <p:menuitem value="Tipos de Contacto" url="/faces/s/maestros/tiposContacto.xhtml" />  
                        </p:submenu>

                        <p:submenu label="Preferencias" >  
                            <p:menuitem value="Festivos" url="#" />  
                            <p:menuitem value="Operadores" url="#" />  
                        </p:submenu>

                        <p:submenu label="Herramientas" >  
                        </p:submenu>

                        <p:submenu icon="ui-icon-help">  
                            <p:menuitem value="Acerca de..." url="#" />  
                        </p:submenu>

                    </p:menubar>
                </h:form>
            </div>
        </p:panel>

        <div style="margin-right: 10px;">
            <div id="left">
                <ui:insert name="left">
                    <!--Inicio--> 
                    <!--                        
                            Barra de Herramientas
                    -->
                    <h:form>
                        <h:panelGrid columns="1"> 
                            <p:panel >  
                                <h:commandLink id="insertButton" 
                                               onclick="PF('dialogInsert').show();
                                                       return false;" type="button"> 
                                    <h:graphicImage library="img" name="icons/addFolder.ico" width="32px;"/>
                                </h:commandLink>  

                                <p:separator/>

                                <h:commandLink>  
                                    <h:graphicImage library="img" name="icons/excel.png" width="32px;"/>
                                    <p:dataExporter type="xls" target=":formDataTable:dataTable" fileName="sofia" />  
                                </h:commandLink>  

                                <p:separator/>

                                <h:commandLink>  
                                    <h:graphicImage library="img" name="icons/pdf.png" width="32px;"/>
                                    <p:dataExporter type="pdf" target=":formDataTable:dataTable" fileName="sofia"/>  
                                </h:commandLink>  

                                <p:separator/>

                                <h:commandLink>  
                                    <h:graphicImage library="img" name="icons/csv.png" width="32px;"/>
                                    <p:dataExporter type="csv" target=":formDataTable:dataTable" fileName="sofia" />  
                                </h:commandLink>  

                            </p:panel>  
                        </h:panelGrid>
                    </h:form>

                    <!--Fin-->
                </ui:insert>
            </div>
            <div id="content" class="left_content">
                <ui:insert name="content"></ui:insert>
            </div>
        </div>
        <div id="bottom">
            <ui:insert name="bottom">
                &copy;2014, Corporación Conasinf Ltda. sofia 2.14.07
            </ui:insert>
        </div>

    </h:body>

</html>
